<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

    <div th:replace="header :: commonheader"></div>

</head>
<body>
<div th:replace="header :: commonnav"></div>
<div class="main-page-box" id="pepleDom">
    <div id="bannerModule">
        <div class="homeSlide">
            <ul class="slides">


                <li><img src="https://file.xatianzhou.com/images/pagebanner/1633947899244104.jpg"></li>


            </ul>
        </div>
        <div class="bm_tc"></div>
    </div>


    <style>
        /* css 重置 */
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        body {
            background: #fff;
        }
        /* 本例子css */
        .foucebox {
            width: 1337px;
            height: 690px;
            background: #fff;
            margin: 0 auto;
        }

        .foucebox .bd {
            position: relative;
            float: right;
            width: 443px;
            height: 821px;
            overflow: hidden;
            margin-top: 25px;
        }

        .foucebox .showDiv {
            position: relative;
            width: 442px;
            height: 820px;
        }

        .foucebox .showDiv img {
            width: 400px;
            height: 720px;
        }

        .foucebox .hd {
            width: 817px;
            float: left;
            margin-left: 77px;
        }

        .foucebox .hd ul li {
            width: 147px;
            height: 197px;
            float: left;
            margin: 0 0 60px 40px;
            display: inline;
            position: relative;
            cursor: pointer;
        }

        .foucebox .hd ul a {
            display: block;
            width: 147px;
            height: 197px;
        }

        .foucebox .hd ul img {
            width: 147px;
            height: 197px;
        }

        .screen {
            margin-top: 30px;
        }

        .screen h1 {
            font-size: 40px;
            font-family: "微软雅黑";
        }

        .screen p {
            font-size: 16px;
            font-family: "微软雅黑";
            line-height: 30px;
            margin-top: 30px;
        }

        .el-collapse-item__header.is-active {
            border-bottom-color: transparent;
            background-color: #0084c9 !important;
            color: #fff !important;
        }

    </style>


    <div class="aboutcontain3">

        <div class="abouttop abouttop3">
            <div class="screen">
                <div id="command">
                    <h1>招贤纳士</h1>
                    <p>有德有才是精品，重点使用<br>
                        有德无才是次品，培养使用<br>
                        无德无才是废品，回收利用<br>
                        无德有才是毒品，绝不录用<br>
                        不懂感恩，不孝敬父母者，拒绝加入天宙团队！
                    </p>
                    <div style="display: flex;">
                        <a href="https://special.zhaopin.com/pagepublish/13215559/index.html" target="_blank" rel="nofollow">
                            <el-button type="primary">直达智联招聘</el-button>
                        </a>
                        <a style="margin-left: 10px;" href="https://www.liepin.com/company/9786303/" target="_blank" rel="nofollow">
                            <el-button type="primary">直达猎聘</el-button>
                        </a>
                        <a style="margin-left: 10px;" href="https://jobs.51job.com/all/coBWFdP1I3AjgHYwZkUDU.html?timestamp__1258=eu0QY5AI4mEDCDlxGotDyQdD8zHG%3D5HNC4D&alichlgref=https%3A%2F%2Fwe.51job.com%2F" target="_blank" rel="nofollow">
                            <el-button type="primary">直达前程无忧</el-button>
                        </a>
                    </div>
                    <div style="margin-top: 30px;">
                        <el-collapse accordion>
                            <el-collapse-item  th:each="zp,zpId:${zhaopins}" th:name="${zpId}" >
                                <template slot="title">
                                    <div style="display: flex;justify-content: space-between;width: 90%;">
                                        <h3 style="margin-left: 10px;" th:text="${zp.name}"></h3>
                                        <div><h3 th:text="${zp.nums}+'人'"></h3></div>
                                    </div>
                                </template>
                                <div th:utext="${zp.content}"></div>
                            </el-collapse-item>

                        </el-collapse>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>

<script>

    new Vue({
        el: '#pepleDom',
        data: {
        },
        methods: {
        },
        created(){

        },
        delimiters: ['{%', '%}'],
    })

</script>

<div th:replace="footer :: commonfooter"></div>
</body>
</html>